<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="<?php echo esc_url(home_url('/')); ?>/wp-content/themes/wp1a22zdf1-jinshu/images/favicon.png">
    <?php wp_head(); ?>
</head>

<body class="home blog">
    <!-- Start Bottom Area -->
    <div class="sticky-header">
        <nav class="navbar navbar-expand-md navbar-light" aria-label="Offcanvas navbar large">
            <div class="container d-flex flex-wrap justify-content-between align-items-center">
                <div class="nav-logo">
                    <?php
                    $custom_logo_id = get_theme_mod('custom_logo');
                    $logo = wp_get_attachment_image_src($custom_logo_id, 'full');
                    ?>
                    <?php if (has_custom_logo()) : ?>
                        <a href="<?php echo esc_url(home_url('/')); ?>" class="logo d-none d-md-block">
                            <img src="<?php echo esc_url($logo[0]); ?>" class="img-fluid" alt="<?php echo get_bloginfo('name'); ?>">
                        </a>
                        <a href="<?php echo esc_url(home_url('/')); ?>" class="navbar-brand d-block d-sm-none">
                            <img src="<?php echo esc_url($logo[0]); ?>" class="img-fluid" alt="<?php echo get_bloginfo('name'); ?>">
                        </a>
                        <div class="d-none d-lg-block header-phone animate__animated animate__tada text-dark"> <a style="text-decoration: none;" href="<?php echo esc_url(home_url('/')); ?>"><?php echo get_bloginfo('name'); ?></a> </div>
                    <?php endif; ?>
                </div>
                <div class="">
                    <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar2" aria-controls="offcanvasNavbar2">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar2" aria-labelledby="offcanvasNavbar2Label">
                        <div class="offcanvas-header">
                            <h5 class="offcanvas-title" id="offcanvasNavbar2Label"><!-- x --></h5>
                            <button type="button" class="btn-close btn-close-dark" data-bs-dismiss="offcanvas" aria-label="Close"></button>

                        </div>
                        <form role="search" method="get" class="search-form-m" action="<?php echo esc_url(home_url('/')); ?>">
                            <label>
                                <input type="search" class="search-field" placeholder="" value="<?php echo get_search_query(); ?>" name="s" title="search" />
                                <button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                            </label>
                        </form>
                        <?php
                        $header_menus = wp_nav_menu([
                            'theme_location' => 'top-menu', // 调取和那个位置关联菜单下的项目
                            'container' => 'div', // 导航菜单项目列表外包包裹的元素，如div
                            'container_class' => 'offcanvas-body', // 菜单项目列表外层容器的class属性值
                            'menu_class' => 'navbar-nav justify-content-start flex-grow-1', // 菜单项目列表本身这个元素的class属性值
                            'menu_id' => 'menu-header', // 菜单项目列表本身这个元素的ID属性值
                            'echo' => true, // 是否直接输出菜单导航
                        ]);
                        ?>
                    </div>
                </div>
                <div class="d-none d-lg-block ">
                    <form role="search" method="get" class="search-form" action="<?php echo esc_url(home_url('/')); ?>">
                        <label>
                            <input type="search" class="search-field" placeholder="" value="<?php echo get_search_query(); ?>" name="s" title="search" />
                        </label>
                        <button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                    </form>
                </div>
            </div>
        </nav>
    </div>